<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小米商城 - Xiaomi 11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <link rel="stylesheet" href="http://localhost/mi/Home/Home.css">
    <link rel="stylesheet" href="http://localhost/mi/Home/iconfont/iconfont.css">
    <link rel="shortcut icon" href=" ../bitbug_favicon.ico" />
    <link rel="stylesheet" href="http://localhost/mi/reset.css">
    <link rel="stylesheet" href="../cart/css/layout.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script src="../jquery.js"></script>
    <script src="./js/header.js"></script>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="../footer/footer.css">


</head>

<body>
    <div id="top">
        <div class="main">
            <div class="left">
                <a href="#">小米商城</a> <span>|</span>
                <a href="#">MIUI</a> <span>|</span>
                <a href="#">loT</a> <span>|</span>
                <a href="#">云服务</a> <span>|</span>
                <a href="#">天星数科</a> <span>|</span>
                <a href="#">有品</a> <span>|</span>
                <a href="#">小爱开放平台</a> <span>|</span>
                <a href="#">企业团购</a> <span>|</span>
                <a href="#">资质证照</a> <span>|</span>
                <a href="#">协议规则</a> <span>|</span>
                <a href="#">下载app</a> <span>|</span>
                <a href="#">智能生活</a> <span>|</span>
                <a href="#">Select Location</a> <span>|</span>
            </div>

            <div class="car">
                <img src="http://localhost/mi/Home/imgBig/shopCar.png">

                <a href="http://localhost/mi/cart" id="a">购物车(<span class="goodsNum">0</span>)</a>
            </div>
            <div class="right">
                <a href="http://localhost/mi/login/login.html">登录</a> <span>|</span>
                <a href="http://localhost/mi/login/login.html">注册</a> <span>|</span>
                <a href="#">消息通知</a> <span>|</span>
            </div>
        </div>
    </div>
    <div class="site-header clearfix">
        <div class="header-nav-menu">
            <div class="main-header">
                <ul></ul>
            </div>
        </div>
        <div class="main-header">
            <div class="header-logo">
                <a href="http://localhost/mi/Home/Home.html" class="logo" title="小米官网"></a>
            </div>
            <div class="header-nav">
                <ul>
                    <li><a href="http://localhost/mi/list/list.html">全部商品分类</a></li>
                    <div>
                        <li><a href="javascript:;">Xiaomi手机</a></li>
                        <li><a href="javascript:;">Redmi 红米</a></li>
                        <li><a href="javascript:;">电视</a></li>
                        <li><a href="javascript:;">笔记本</a></li>
                        <li><a href="javascript:;">平板</a></li>
                        <li><a href="javascript:;">家电</a></li>
                        <li><a href="javascript:;">路由器</a></li>
                    </div>
                    <li><a href="javascript:;">服务</a></li>
                    <li><a href="javascript:;">社区</a></li>
                </ul>
            </div>
            <div class="header-search">
                <form action="">
                    <input type="search" placeholder="投影仪">
                    <input type="submit" class="iconfont" value="&#xe694;">
                </form>
            </div>
            <div class="site-category">
                <div class="children">
                    <ul></ul>
                </div>
                <ul>
                    <li><a href="javascript:;">手机<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">电视<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">笔记本 平板<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">家电<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">出行 穿戴<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">智能 路由器<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">电源 配件<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">健康 儿童<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">耳机 音箱<span class="iconfont">&#xeca2;</span></a></li>
                    <li> <a href="javascript:;">生活 箱包<span class="iconfont">&#xeca2;</span></a></li>

                </ul>
            </div>

            <!-- 轮播图 -->
            <div class="header-slide">
                <span></span>
                <span></span>
                <ul>
                    <li style="display: block;">
                        <a href="javascript:;">
                            <img src="http://localhost/mi/Home/imgBig/slide3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="http://localhost/mi/Home/imgBig/slide.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="http://localhost/mi/Home/imgBig/slide1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="http://localhost/mi/Home/imgBig/slide.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="http://localhost/mi/Home/imgBig/slide2.png" alt="">
                        </a>
                    </li>

                </ul>
            </div>
            <div class="home-hero-sub">
                <div class="span4">
                    <ul class="clearfix">
                        <li><a href="javascript:;"><span class="iconfont">&#xe606;</span>保障服务</a></li>
                        <li><a href="javascript:;"><span class="iconfont">&#xe894;</span>企业团购</a></li>
                        <li><a href="javascript:;"><span class="iconfont">&#xe607;</span>F码通道</a></li>
                        <li><a href="javascript:;"><span class="iconfont">&#xe647;</span>米粉卡</a></li>
                        <li><a href="javascript:;"><span class="iconfont">&#xe62f;</span>以旧换新</a></li>
                        <li><a href="javascript:;"><span class="iconfont">&#xe63e;</span>话费充值</a></li>
                    </ul>
                </div>
                <div class="span16">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="http://localhost/mi/Home/imgBig/list%20(1).jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://localhost/mi/Home/imgBig/list%20(2).jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="http://localhost/mi/Home/imgBig/list%20(3).jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="main" style="margin-top: 22px; mask-border: 22px;">
        <a href="#">
            <img src="http://localhost/mi/Home/imgBig/title(3).jpg" alt="">
        </a>
    </div>

    <!-- 手机内容展示区 -->
    <h2 class="title main">手机新品</h2>
    <div class="phone" style="margin-bottom: 8px;">
        <div class="main" style="height: 618px; background-color: #f5f5f5;">
            <div class="left">
                <img src="http://localhost/mi/Home/imgBig/big(1).jpg" alt="" width="237px" height="617px">
            </div>

            <div id="phone" class="right">

            </div>

        </div>
    </div>



    <!-- 家电 -->
    <h2 class="title main">家电</h2>
    <!-- 家电展示内容 -->
    <div id="tool">
        <div class="main" style="height: 616px;" id="jd">
            <div class="div1">
                <div class="div11">
                    <img src="http://localhost/mi/Home/imgBig/left%20(1).webp" alt="" width="237px" height="301px">
                </div>
                <div class="div12">
                    <img src="http://localhost/mi/Home/imgBig/left%20(2).webp" alt="" width="237px" height="301px">
                </div>
                <!-- <div class="left">
                    <img src="http://localhost/mi/Home/imgBig/left%20(2).webp" alt="" width="237px" height="301px">
                    <img src="http://localhost/mi/Home/imgBig/left%20(1).webp" alt="" width="237px" height="301px">
                </div>

                <div id="phone" class="right">

                </div> -->
            </div>

        </div>
    </div>




    <!-- 电脑展示区 -->
    <h2 class="title main">电脑上新</h2>
    <div class="phone" style="margin-bottom: 8px;">
        <div class="main" style="height: 618px; background-color: #f5f5f5;">
            <div class="left">
                <img src="http://localhost/mi/Home/imgBig/big(2).jpg" alt="" width="237px" height="617px">
            </div>

            <div id="computer" class="right">

            </div>

        </div>
    </div>


    <div class="main" style="margin-top: 22px; mask-border: 22px;">
        <a href="#">
            <img src="http://localhost/mi/Home/imgBig/title(1).jpg" alt="">
        </a>
    </div>

    <!-- 生活电器 -->
    <h2 class="title main">生活电器</h2>

    <div class="phone" style="margin-bottom: 8px;">
        <div class="main" style="height: 618px; background-color: #f5f5f5;">
            <div class="left">
                <img src="http://localhost/mi/Home/imgBig/big(1).jpg" alt="" width="237px" height="617px">
            </div>

            <div id="life" class="right">

            </div>

        </div>
    </div>


    <!-- 智能家居 -->
    <h2 class="title main">智能家居</h2>
    <!-- 智能家居展示内容 -->
    <div id="tool">
        <div class="main" style="height: 616px;" id="auto">
            <div class="div1">
                <div class="div11">
                    <img src="http://localhost/mi/Home/imgBig/left%20(3).webp" alt="" width="237px" height="301px">
                </div>
                <div class="div12">
                    <img src="http://localhost/mi/Home/imgBig/left%20(4).webp" alt="" width="237px" height="301px">
                </div>
            </div>



        </div>
    </div>




    <div class="main" style="margin-top: 22px; mask-border: 22px;">
        <a href="#"><img src="http://localhost/mi/Home/imgBig/title(2).jpg" alt=""></a>
    </div>

    <!-- 智能穿戴 -->
    <h2 class="title main">智能穿戴</h2>
    <!-- 智能家居展示内容 -->
    <div id="tool">
        <div class="main" style="height: 616px;" id="wear">
            <div class="div1">
                <div class="div11">
                    <img src="http://localhost/mi/Home/imgBig/left%20(5).webp" alt="" width="237px" height="301px">
                </div>
                <div class="div12">
                    <img src="http://localhost/mi/Home/imgBig/left%20(6).webp" alt="" width="237px" height="301px">
                </div>
            </div>



        </div>
    </div>


    <!-- 日用百货 -->
    <h2 class="title main">日用百货</h2>

    <div class="phone" style="margin-bottom: 8px;">
        <div class="main" style="height: 618px; background-color: #f5f5f5;">
            <div class="left">
                <img src="http://localhost/mi/Home/imgBig/big(1).jpg" alt="" width="237px" height="617px">
            </div>

            <div id="things" class="right">

            </div>

        </div>
    </div>


    <!-- botttom -->
    <div class="fooder" style="background-color: white;">

    </div>
    <script>
        $('.fooder').load('../footer/footer.html', function () {
            // load是ajax的异步操作
            // 加载完成后的回调函数
        });
    </script>
    <script src="http://localhost/mi/Home/Home.js"></script>
</body>

</html>